.scorelist {
  width: 100%;
}

.pannier {
  width: var(--theme);
  background: var(--bgfff);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.13);
  border-radius: 8px;
  margin-bottom: 20px;

  >div {
    width: 100%;
    display: flex;
    height: 52px;

    >span,
    a {

      border-right: 1px solid #E1E1E1;
      border-top: 1px solid #E1E1E1;
      display: flex;
      justify-content: center;
      align-items: center;

      &:first-child {
        width: 180px;
      }

      &:nth-child(2) {
        width: 196px;
      }

      &:nth-child(3) {
        width: 87px;
      }

      &:nth-child(4) {
        width: 87px;
      }

      &:nth-child(5) {
        width: 87px;
      }

      &:nth-child(6) {
        width: 87px;
      }

      &:nth-child(7) {
        width: 127px;
      }

      &:nth-child(8) {
        width: 127px;
      }

      &:nth-child(9) {
        width: 127px;
      }

      &:nth-child(9) {
        width: 127px;
      }

      &:nth-child(10) {
        flex: 1;
      }
    }

    &:first-child {

      display: flex;

      >span {
        height: 100%;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        border-top: none;
        font-size: 14px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: var(--font999);

        &:first-child {
          background-color: var(--theme);
          font-size: 16px;
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 500;
          color: var(--fontfff);
          padding-left: 15px;

          >i {
            &:last-child {
              margin-left: 10px;
            }
          }
        }

        &:nth-child(2) {
          padding: 0 30px;
          justify-content: space-between;
        }
      }
    }
  }

  .scoreNum {
    justify-content: space-between;
    padding: 0 30px;
  }
}